﻿/* 

Copyright (C) 2009 Nasa8x
Y!M:        nasa8x
Email:      nasavietnam@gmail.com    
Website:    http://nasa8x.com
            http://xomnet.org
            http://nasavietnam.com

    
*/  
.empty{
   clear: both;    
   font-size:1px;
   line-height:1px;
   height:1px;  
   display: block;
   visibility: hidden
}
.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}	

.clearfix { display: block}
* html .clearfix { height:1%}/* required comment for clearfix to work in Opera \*/

.clear-all{clear:both}
.clear-left{clear:left}
.clear-right{clear:right;}

.center{text-align:center}
.left{text-align:left}
.justify{text-align:justify}
.right{text-align:right}

.valign-top{vertical-align:top}
 
.floatbox { overflow:hidden}
.float-left { float: left; overflow: hidden}
.float-right { float: right; overflow: hidden}

.nowrap{white-space: nowrap}
.bold{font-weight:bold}
.hiden{display:none}
.del{text-decoration:line-through;color:Red}

.line-height16{line-height:16px}
.line-height18{line-height:18px}
.line-height20{line-height:20px}

/*------------------------------*/

.width5{width: 4.999%}
.width8{width: 7.999%}
.width10{width: 9.999%}
.width15{ width: 14.999%}
.width18{ width: 18.333%}
.width20{ width: 19.999%}
.width23{ width: 22.999%}
.width25{ width: 24.999%}
.width30{ width: 29.999%}
.width33{ width: 33.333%}
.width35{ width: 34.999%}
.width40{ width: 39.999%}
.width45{ width: 44.999%}
.width50{ width: 49.999%}
.width54{ width: 53.999%}
.width65{ width: 64.999%}
.width75{ width: 74.999%}
.width80{ width: 79.999%}
.width100{ width: 100%}

/* Corner radius */
/*
.corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px}
.corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px}
.corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px}
.corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px}
.corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px}
.corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px}
.corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px}
.corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px}
.corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px}
*/

.state-error{border: 1px solid #cd0a0a;background-color:#fef1ec;color: #cd0a0a;padding:10px;}
.icon-warning{background:url("skins/warning.gif") no-repeat;width:32px;height:32px;}
.icon-success{background:url("skins/success.gif") no-repeat;width:32px;height:32px;}
